<template>
	<cxView :padding="padding" :margin="margin" :borderRadius="borderRadius">
		
		<web-view v-if="isUrl" :webview-styles="webviewStyles" :src="src"  :fullscreen="fullscreen"  :update-title="updateTitle"></web-view>
		
		<u-parse v-else :html="src" :autopause="autopause" :autoscroll="autoscroll" :autosetTitle="autosetTitle" :domain="domain" :lazy-load="lazyLoad" :loading-img="loadingImg" :selectable="selectable" :show-with-animation="showWithAnimation" :tag-style="tagStyle" :use-anchor="useAnchor" :use-cache="useCache"></u-parse>
		
	</cxView>
</template>

<script>
	export default {
		name:"cxWeb",
		data() {
			return {
				
			};
		},
		computed:{
			isUrl(){

				let isUrl = !this.$u.test.contains(this.src,'<') && this.$u.test.url(this.src);
				return isUrl;
			}
		},
		methods:{
			
		},
		props:{
			padding:{
				type:String,
				default:''
			},
			margin:{
				type:String,
				default:''
			},
			borderRadius:{
				type:String,
				default:''
			},

			/**
			 * 数据源
			 */
			
			src:{
				type:String,
				default: ''
			},
/**
 * 富文本属性
 */
			autopause: {
				type: Boolean,
				default: true
			},
			/**
			 * 是否自动给 table 加一个滚动层（使表格可以单独滚动）
			 */
			autoscroll: Boolean,
			/**
			 * 是否自动将 title 标签的内容设置到页面标题
			 */
			autosetTitle: {
				type: Boolean,
				default: true
			},
			// #ifndef H5 || APP-PLUS-NVUE || MP-360
			/**
			 * 图片加载完成前的占位图，详见 占位图	
			 */
			loadingImg: String,
			/**
			 * 是否使用缓存，设置后多次打开不用重复解析
			 */
			useCache: Boolean,
			// #endif
			/**
			 * 主域名，设置后将给链接自动拼接上主域名或协议名
			 */
			domain: String,
			/**
			 * 是否开启图片懒加载
			 */
			lazyLoad: Boolean,
			/**
			 * 是否允许长按复制内容
			 */
			selectable: Boolean,
			/**
			 * 设置标签的默认样式
			 */
			tagStyle: Object,
			/**
			 * 是否使用渐显动画	
			 */
			showWithAnimation: Boolean,
			/**
			 * 是否使用页面内锚点
			 */
			useAnchor: Boolean,
			
/**
 * web属性
 */
			/**
			 * 是否铺满整个页面，
			 */
			fullscreen:{
				type:Boolean,
				default:true
			},
			/**
			 * webview 的样式
			 * App-vue
			 */
			webviewStyles:Object,
			/**
			 * 是否自动更新当前页面标题。
			 * 仅支持 App-vue 。小程序 恒为 true，H5、nvue 恒为 false
			 */
			updateTitle:{
				type:Boolean,
				default:true
			}
			
			
			
			
		}
	}
</script>

<style>

</style>